<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- fonts -->
<link href="http://fonts.googleapis.com/css?family=Gruppo" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<!-- /fonts -->
<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href='css/aos.css' rel='stylesheet prefetch' type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- /css -->
<!-- js files -->
<script src="js/modernizr.js"></script>
<!-- /js files -->
</head>
<body>

<!-- banner section -->
<section class="banner-w3ls">
	<!-- navigation section -->
	<div class="navbar-wrapper">
		<div class="container">
			<nav class="navbar navbar-inverse navbar-static-top">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>	
					<a class="navbar-brand" href="index.html"><h1>Armament</h1></a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right cl-effect-20">
						<li class="active"><a href="index.html"><span data-hover="Home">Home</span></a></li>
						<li><a href="service.html"><span data-hover="Services">Services</span></a></li>
						<li><a href="gallery.html"><span data-hover="Gallery">Gallery</span></a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span data-hover="Shortcodes">Shortcodes</span></a>
							<ul class="dropdown-menu">
								<li><a href="typo.html">Typography</a></li>
								<li class="divider"></li>
								<li><a href="icons.html">Fontawesome Icons</a></li>
							</ul>
						</li>
						<li><a href="contact.html"><span data-hover="Contact">Contact</span></a></li>
					</ul>
				</div>
			</nav>
			<div class="search-box">
				<div id="sb-search" class="sb-search">
					<form action="#" method="post">
						<input class="sb-search-input" placeholder="Search Here" type="search" name="search" id="search">
						<input class="sb-search-submit" type="submit" value="">
						<span class="sb-icon-search"> </span>
					</form>
				</div>
			</div>
		</div>	
	</div>
	<!-- /navigation section -->
	 <div class="slider">
        <ul class="slider-main">
            <li>
                <img src="images/banner1.jpg" alt="">
				<div class="container">
					<div class="banner-w3layouts1">
						<h3>Armament is the sound of the future.</h3>
						<h4>Our Latest Innovation</h4>
						<p class="agileinfo1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
						<p class="agileinfo2">- By Johnny Blaze</p>
					</div>
				</div>	
            </li>
            <li>
                <img src="images/banner3.jpg" alt="">
				<div class="container">
					<div class="banner-w3layouts1">
						<h3>Armament heads above the rest.</h3>
						<h4>Our Latest Innovation</h4>
						<p class="agileinfo1">Vestibulum ultrices in magna non congue.</p>
						<p class="agileinfo2">- By Henry Jones</p>
					</div>
				</div>	
            </li>
            <li>
                <img src="images/banner4.jpg" alt="">
				<div class="container">
					<div class="banner-w3layouts1">
						<h3>Armament, The best you can get.</h3>
						<h4>Our Latest Innovation</h4>
						<p class="agileinfo1">Morbi non tempus risus, consectetur adipiscing elit.</p>
						<p class="agileinfo2">- By Kate Middleton</p>
					</div>
				</div>	
            </li>
            <li>
                <img src="images/banner2.jpg" alt="">
				<div class="container">
					<div class="banner-w3layouts1">
						<h3>this is the age of the armament.</h3>
						<h4>Our Latest Innovation</h4>
						<p class="agileinfo1">Consectetur adipiscing elit, lorem ipsum dolor sit amet.</p>
						<p class="agileinfo2">- By Britney Spears</p>
					</div>
				</div>	
            </li>
        </ul>
    </div>
</section>	
<!-- /banner section -->
<!-- specialities -->
<section class="special-w3ls">
	<div class="container">
		<div class="col-lg-6 col-md-6 wthree1" data-aos="zoom-in">
			<div class="fsbanner" id="demo-3">
				<div style="background-image:url(images/special-img1.jpg)"><span class="name">Missile</span></div>
				<div style="background-image:url(images/special-img2.jpg)"><span class="name">F-35</span></div>
				<div style="background-image:url(images/special-img3.jpg)"><span class="name">SR-71</span></div>	
				<div style="background-image:url(images/special-img4.jpg)"><span class="name">B2 Spirit</span></div>
			</div>	
		</div>	
		<div class="col-lg-6 col-md-6 wthree2" data-aos="zoom-in">
			<h2>Why We Are The Best</h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eros turpis, consectetur sit amet pretium placerat, hendrerit at elit. Aenean in libero posuere, faucibus augue at, condimentum enim. Curabitur sed ultricies dolor. Quisque sit amet nulla lorem. Pellentesque rutrum metus fringilla, tincidunt eros ut, tristique erat. Integer ac risus at tortor convallis cursus. </p>
		</div>
		<div class="clearfix"></div>
	</div>	
</section>
<!-- /specialities -->
<!-- info section -->
<section class="info-agile">
	<div class="container-fluid">
		<div class="info-grid1">
			<div class="col-lg-6 col-lg-push-6 w3-agileits2" data-aos="flip-right">
				<div class="info-w3ls">
					<h3 class="text-center">Lorem ipsum dolor sit amet</h3>
					<p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec elementum diam. Etiam tempus sit amet mauris in molestie. Ut lorem nunc, ultricies eu diam et, egestas sagittis nunc. Etiam vestibulum luctus quam ut aliquam. Aliquam enim mi, pulvinar sed velit quis, efficitur efficitur ligula. Cras in ante vitae velit vestibulum pretium. Phasellus ac justo et ex pharetra scelerisque. </p>
					<div class="stats-w3-agile">
						<h3 class="text-center">Our Stats</h3>
						<div class="col-md-3 col-sm-3 stats-grid stats-grid-1">
							<div class="numscroller" data-slno='1' data-min='0' data-max='158' data-delay='3' data-increment="1">85</div>
							<h4>Companies</h4>
						</div>
						<div class="col-md-3 col-sm-3 stats-grid stats-grid-2">
							<div class="numscroller" data-slno='1' data-min='0' data-max='63' data-delay='3' data-increment="1">95</div>
							<h4>New Projects</h4>
						</div>
						<div class="col-md-3 col-sm-3 stats-grid stats-grid-3">
							<div class="numscroller" data-slno='1' data-min='0' data-max='421' data-delay='3' data-increment="1">80</div>
							<h4>Completed Projects</h4>
						</div>
						<div class="col-md-3 col-sm-3 stats-grid stats-grid-4">
							<div class="numscroller" data-slno='1' data-min='0' data-max='562' data-delay='3' data-increment="1">90</div>
							<h4>Innovations</h4>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<div class="col-lg-6 col-lg-pull-6 w3-agileits1" data-aos="flip-left">
				<div class="hover01 column">
					<div>
						<figure><img src="images/info-img1.jpg" alt="" class="img-responsive"></figure>
					</div>
				</div>	
			</div>
			<div class="clearfix"></div>	
		</div>
		<div class="info-grid2">
			<div class="col-lg-6 col-md-6 col-sm-12 w3-agileits3" data-aos="flip-right">
				<div class="info-w3-agile">
					<div class="col-lg-6 col-md-6 col-sm-6 info-agileits1">
						<div class="col-xs-4 info-w3layouts1">
							<div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5d">
								<i class="hi-icon fa fa-space-shuttle" aria-hidden="true"></i>
							</div>
						</div>
						<div class="col-xs-8 info-w3layouts2">
							<div class="info-w3-agileits">
								<h4>adipiscing elit</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-6 info-agileits1">
						<div class="col-xs-4 info-w3layouts1">
							<div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5d">
								<i class="hi-icon fa fa-plane" aria-hidden="true"></i>
							</div>
						</div>
						<div class="col-xs-8 info-w3layouts2">
							<div class="info-w3-agileits">
								<h4>malesuada leo</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="clearfix"></div>
					<div class="col-lg-6 col-md-6 col-sm-6 info-agileits2">
						<div class="col-xs-4 info-w3layouts1">
							<div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a">
								<i class="hi-icon fa fa-bomb" aria-hidden="true"></i>
							</div>
						</div>
						<div class="col-xs-8 info-w3layouts2">
							<div class="info-w3-agileits">
								<h4>pretium metus</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-6 info-agileits2">
						<div class="col-xs-4 info-w3layouts1">
							<div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a">
								<i class="hi-icon fa fa-rocket" aria-hidden="true"></i>
							</div>
						</div>
						<div class="col-xs-8 info-w3layouts2">
							<div class="info-w3-agileits">
								<h4>vehicula risus</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="clearfix"></div>
					<div class="col-lg-6 col-md-6 col-sm-6 info-agileits3">
						<div class="col-xs-4 info-w3layouts1">
							<div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5c">
								<i class="hi-icon fa fa-ship" aria-hidden="true"></i>
							</div>
						</div>
						<div class="col-xs-8 info-w3layouts2">
							<div class="info-w3-agileits">
								<h4>augue pretium</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-6 info-agileits3">
						<div class="col-xs-4 info-w3layouts1">
							<div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5c">
								<i class="hi-icon fa fa-fighter-jet" aria-hidden="true"></i>
							</div>
						</div>
						<div class="col-xs-8 info-w3layouts2">
							<div class="info-w3-agileits">
								<h4>Mauris dolor</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
			<div class="col-lg-6 col-md-6 col-sm-12 w3-agileits4" data-aos="flip-left">
				<div class="hover01 column">
					<div>
						<figure><img src="images/info-img2.jpg" alt="" class="img-responsive"></figure>
					</div>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
		
	</div>
</section>
<!-- /info section -->
<!-- blog section -->
<section class="blog-w3ls">
	<div class="container">
		<h3 class="text-center">From Our Blog</h3>
		<p class="text-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
		<div class="col-lg-4 col-md-4 col-sm-4 blog-agile1" data-aos="flip-right">
			<div class="grid">
				<figure class="effect-duke">
					<img src="images/blog-img1.jpg" alt="img27" class="img-responsive"/>
					<figcaption>
						<h4>Latest <span>News</span></h4>
						<p><a href="blogpost.html">Read More</a></p>
						<a href="blogpost.html">View more</a>
					</figcaption>			
				</figure>
			</div>
			<p class="blog-p1">Posted On 11 November 2016</p>
			<a href="blogpost.html" class="blog-link">Lorem ipsum dolor sit</a>	
			<p class="blog-p2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta mi sed ligula fringilla, quis pulvinar nibh gravida.</p>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 blog-agile2" data-aos="zoom-in">
			<div class="grid">
				<figure class="effect-duke">
					<img src="images/blog-img2.jpg" alt="img27" class="img-responsive"/>
					<figcaption>
						<h4>Latest <span>News</span></h4>
						<p><a href="blogpost.html">Read More</a></p>
						<a href="blogpost.html">View more</a>
					</figcaption>			
				</figure>
			</div>
			<p class="blog-p1">Posted On 20 November 2016</p>
			<a href="blogpost.html" class="blog-link">consectetur adipiscing</a>	
			<p class="blog-p2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta mi sed ligula fringilla, quis pulvinar nibh gravida.</p>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 blog-agile3" data-aos="flip-left">
			<div class="grid">
				<figure class="effect-duke">
					<img src="images/blog-img3.jpg" alt="img27" class="img-responsive"/>
					<figcaption>
						<h4>Latest <span>News</span></h4>
						<p><a href="blogpost.html">Read More</a></p>
						<a href="blogpost.html">View more</a>
					</figcaption>			
				</figure>
			</div>
			<p class="blog-p1">Posted On 22 November 2016</p>
			<a href="blogpost.html" class="blog-link">porta ligula fringilla</a>	
			<p class="blog-p2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta mi sed ligula fringilla, quis pulvinar nibh gravida.</p>
		</div>
		<div class="clearfix"></div>
	</div>
</section>
<!-- /blog section -->
<!-- footer -->
<section class="footer-w3ls">
	<div class="container">
		<div class="col-lg-6 col-md-6 col-sm-6 footer-agileits-w3layouts1" data-aos="flip-right">
			<a href="index.html" class="footer-logo"><h3>Armament</h3></a>
			<p class="footer-w3-agileits1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec elementum diam. Etiam tempus sit amet mauris in molestie. Ut lorem nunc, ultricies eu diam et, egestas sagittis nunc.</p>
			<ul class="social-icons1">
				<li><a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
				<li><a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
				<li><a href=""><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
				<li><a href=""><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
			</ul>
		</div>
		<div class="col-lg-6 col-md-6 col-sm-6 footer-agileits-w3layouts2" data-aos="flip-left">
			<div class="subscribe">
				<p class="footer-w3-agileits3">Subscribe to our email list and stay upto date with all our latest updates.</p>
				<form action="#" method="post">
					<div class="form-group1">
						<input class="form-control" id="mail" name="email" placeholder="Enter Your Email Address" type="email" required>
					</div>
					<div class="form-group2">
						<button class="btn btn-outline btn-lg" type="submit">Subscribe</button>
					</div>
					<div class="clearfix"></div>
				</form>
			</div>	
		</div>
		<div class="clearfix"></div>
		<hr>
		<p class="footer-w3-agileits2">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
	</div>
</section>
<!-- /footer -->
<!-- back to top -->
<a href="#0" class="cd-top">Top</a>
<!-- /back to top -->
<!-- js files -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/SmoothScroll.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/grayscale.js"></script>
<!-- js for banner -->
<script src="js/osSlider.js"></script>
<script type="text/javascript">
    var slider = new osSlider({
        pNode:'.slider', 
        cNode:'.slider-main li', 
        speed:3000, 
        autoPlay:true 
    });
</script>
<!-- /js for banner -->
<!-- js for back to top -->
<script src="js/top.js"></script>
<!-- /js for back to top -->
<!-- js for stats section -->
<script type="text/javascript" src="js/numscroller-1.0.js"></script>
<!-- /js for stats section -->
<!-- js for specialities section -->
<script src="js/fsbanner.js"></script> 
<script>
	$('#demo-3').fsBanner({'trigger':'mouse'});
</script>
<!-- /js for specialities section -->
<!-- js for search button -->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
	new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- /js for search button -->
<!-- js for bootstrap dropdown -->
<script src="js/index.js"></script>
<!-- /js for bootstrap dropdown -->
<script src='js/aos.js'></script>
<script src="js/index2.js"></script>
<!-- /js files -->
</body>
</html>